<template>
  <!-- 加入团队后，等待 -->
  <div class="join-team-wait">
    <img src="@/assets/image/wait.png" alt="" class="wait-icon"/>
    <div class="tip">
      提交成功，您的信息正在审核
    </div>
    <div class="user-info">
      <div class="info-title">申请信息详情</div>
      <div class="info-line-wrapper">
        <div class="info-line">
          <span class="line-label">真实姓名：</span><span>{{ real_name }}</span>
        </div>
        <div class="info-line">
          <span class="line-label">账号名称：</span><span>{{ username }}</span>
        </div>
        <div class="info-line">
          <span class="line-label">手机账号：</span><span>{{ mobile }}</span>
        </div>
      </div>
    </div>
    <div class="bottom-tip">
      注：申请后通知总部端进行审核，审核通过后即可享受视加云虚拟编导服务
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  computed: {
    real_name () {
      return this.$route.query.real_name
    },
    username () {
      return this.$route.query.username
    },
    mobile () {
      return this.$route.query.mobile
    },
  },
  mounted () {
    document.title = '正在审核中'
  }
}
</script>

<style scoped>
.bottom-tip {
  position: fixed;
  bottom: 30.4vw;
  left: 50%;
  transform: translateX(-50%);
  width: 74.4vw;
  font-family: Source Sans Pro;
  font-size: 2.67vw;
  font-weight: 200;
  line-height: 3.47vw;
  color: #CCCCCC;
}
.join-team-wait {
  padding-top: 10.67vw;
}
.info-line-wrapper {
  padding-left: 12.27vw;
}
.wait-icon {
  display: block;
  width: 21.33vw;
  height: 21.33vw;
  margin: 0 auto 4.27vw;
}
.tip {
  text-align: center;
  margin-bottom: 10.67vw;
  font-family: 思源黑体;
  font-size: 4.8vw;
  font-weight: 500;
  letter-spacing: 0em;
  color: #FF7628;
}

.user-info {
  box-sizing: border-box;
  width: 71.73vw;
  height: 49.6vw;
  border-radius: 3.2vw;
  margin: 0 auto;
  padding-top: 4.27vw;
  border: 0.4vw solid #E9E9E9;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.info-title {
  margin-bottom: 6.4vw;
  text-align: center;
  font-family: 思源黑体;
  font-size: 3.73vw;
  font-weight: normal;
  color: #333333;
}
.info-line {
  margin-bottom: 3.47vw;
  line-height: 5.33vw;
  font-family: 思源黑体;
  font-size: 3.73vw;
  font-weight: 500;
  letter-spacing: 0em;
  color: #333333;
}

.line-label {
  margin-right: 2.67vw;
  color: #999999;
}
</style>